<template>
  <div>
    <div id="wrap">
      <section class="story-banner">
        <img alt="四年级(下)" src="http://dwn.roo.bo/appimg/20170714_4a575d91cfe846c95245dc020d09bb8d.png">
        <div class="story-title">
          <h3>四年级(下)</h3>
          <p></p>
        </div>
      </section>
      <section class="story-list">
        <div class="story-list-hd clearfix">
          <span class="rb-left">共33首</span>
          <button class="rb-right add-btn" type="button">
            添加全部
          </button>
        </div>
        <div class="story-list-bd single-list">
          <!--试听的audio-->
          <audio src="" id="try" style="display:none"></audio>
          <ul>
            <li>
              <div class="single-item">
                <!-- play -->
                <button class="demand-btn" type="button">
                  <i class="demand-icon"></i>
                </button>

                <div class="single-infor">
                  <p>古诗词三首</p>
                  <span class="single-time">1分24秒</span>
                </div>
                <a class="download-btn">
                  <i class="add-icon"></i>
                </a>
              </div>
              <div class="operate-icon expand-transition" style="display: none;">
                <a>
                  <i class="audition-icon"></i> 试听
                </a>

                <a class="active" style="display: none;">
                  <i class="audition-icon"></i> 停止
                </a>

                <a>
                  <i class="like-icon"></i> 收藏
                </a>
                <a class="active" style="display: none;">
                  <i class="like-icon"></i> 取消收藏
                </a>
                <a>
                  <i class="detail-icon"></i> 详情
                </a>
              </div>
            </li>
          </ul>
          <div class="loading-more">
            <a>加载更多</a>
          </div>
        </div>
      </section>
      <input type="text" id="select" style="display:none">
      <input type="text" id="selectall" style="display:none">
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {}
    },
    mounted() {

    }
  }
</script>
<style>
</style>
